<script setup lang="ts">
/**
 * 组件参数
 */
const {
  isCollapsed = false,
} = defineProps<{
  isCollapsed?: boolean;
}>()
</script>

<template>
  <div class="logo p-2 flex items-end justify-center">
    <h1
      class="logo__title overflow-hidden text-[#18A058] font-bold text-2xl whitespace-nowrap transition-width"
      :class="[isCollapsed ? 'w-0' : 'w-28']"
    >St Admin</h1>
    <img class="logo__image w-13 h-13" src="./assets/logo.svg" alt="Logo">
  </div>
</template>

<style>

</style>
